	//gulp基础依赖
var gulp 	= require('gulp'),
	//创建服务 并实时的刷新浏览器
	connect = require('gulp-connect'),
	//sass编译
	sass 	= require('gulp-sass'),
	//增加浏览器前缀
    autoprefixer = require('gulp-autoprefixer'),
    //编译es6
    babel = require('gulp-babel'),
    //压缩css
    // minifyCss = require('gulp-minify-css')


// 项目配置
var config = {
    baseSrc: "./", //项目根目录
    port: 8888, //端口
};

//启动服务
gulp.task('connect',function(){
	connect.server({
		root: config.baseSrc,
		port:config.port,
		livereload: true
	})
})

// 刷新浏览器
gulp.task('html', function() {
    gulp.src(config.baseSrc + '*.html')
        .pipe(connect.reload());
});

//编译sass
gulp.task('sass',function(){
	return gulp.src('./sass/*.scss')
	    .pipe(sass().on('error', sass.logError))
	    .pipe(autoprefixer())
	    .pipe(gulp.dest(config.baseSrc+'css'));
})

//编译es6
gulp.task('es6',function(){
	return gulp.src('./es6/*.es6')
		.pipe(babel({
            presets: ['es2015']
        }))
        .pipe(gulp.dest(config.baseSrc+'js'))
})

//watch检测文件变化
gulp.task('watch',function(){
	gulp.watch(config.baseSrc+'sass/*.scss',['sass','html']);
	gulp.watch(config.baseSrc+'es6/*.es6',['es6','html']);
})

gulp.task('default',['connect','sass','es6','watch'])